/* common */
page {

	background-color: #F5F5F5;
}

.container {
	padding: 0 $container-padding !important;
}

.status_bar {
	background-color: #fff;
	height: var(--status-bar-height);
	width: 100%;
}

.navigator-hover {
	background-color: rgba(0, 0, 0, 0) !important;
	opacity: 1 !important;
}

.alert {
	display: block;
	/* text-align: center; */
	font-size: 28rpx;
	color: #666;
}

/* flex */
.uni-flex {
	display: flex;
	flex-direction: row;
}

.uni-flex-item {
	flex: 1;
}

.uni-row {
	flex-direction: row;
	flex-wrap: wrap;
}

.uni-column {
	flex-direction: column;
}

/* cut-line */
.cut-line {
	margin: 20rpx;
	height: 1px;
	background-color: #f0f0f0;
}

.cut-line-sm {
	margin: 10rpx;
	height: 1px;
	background-color: #f0f0f0;
}

/* color */
.bule {
	color: #007aff !important;
}

.blue {
	color: #007aff !important;
}

.green {
	color: #4cd964 !important;
}

.red {
	color: #dd524d !important;
}

.orange {
	color: #f0ad4e !important;
}

/* button */
.confirm-text-btn {
	background: #f12711;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #f5af19, #f12711);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #f5af19, #f12711);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	display: inline-block;
	font-size: 34rpx;
	color: #fff;
	border-radius: 140rpx;
	height: 80rpx;
	line-height: 80rpx;
}

/* tag */
.tag-plain {
	cursor: pointer;
	display: inline-block;
	background-color: #fff;
	border-color: #b3d8ff;
	color: #409eff;
	padding: 10rpx 20rpx;
	line-height: 40rpx;
	font-size: 28rpx;
	border: 1px solid #d9ecff;
	border-radius: 4px;
	/* box-sizing: border-box; */
	white-space: nowrap;
	// 禁止选择文字
	-moz-user-select: none;
	/*火狐*/
	-webkit-user-select: none;
	/*webkit浏览器*/
	-ms-user-select: none;
	/*IE10*/
	-khtml-user-select: none;
	/*早期浏览器*/
	user-select: none;
}

.tag-dark {
	cursor: pointer;
	display: inline-block;
	background-color: #409eff;
	border-color: #409eff;
	color: #fff;
	padding: 10rpx 20rpx;
	line-height: 40rpx;
	font-size: 28rpx;
	border: 1px solid #d9ecff;
	border-radius: 4px;
	/* box-sizing: border-box; */
	white-space: nowrap;
	// 禁止选择文字
	-moz-user-select: none;
	/*火狐*/
	-webkit-user-select: none;
	/*webkit浏览器*/
	-ms-user-select: none;
	/*IE10*/
	-khtml-user-select: none;
	/*早期浏览器*/
	user-select: none;
}

/* icon */
.uni-icon {
	font-family: uniicons;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: #999999;
}

.icon-active {
	color: #007AFF;
}

.icon-gray {
	color: #909090 !important;
}